<script setup>

</script>

<template>
  <div>
    页面首部：
    <router-link to="/home">home页</router-link>
    <router-link to="/list">list页</router-link>
    <router-link to="/add">add页</router-link>
    <router-link to="/update">update页</router-link>
    <router-link to="/showAll">showAll</router-link>
    <hr>
    默认页<router-view></router-view>
    <hr>
    home页<router-view name="homeView"></router-view><!-- 这种使用name的写法，在vue-router4.x不支持了 -->
    <hr>
    list页<router-view name="listView"></router-view>
    <hr>
    update页<router-view name="updateView"></router-view>
    <hr>
    add页<router-view name="addView"></router-view>
    <hr>
    页面尾部
    
  </div>
  
</template>

<style scoped>

</style>
